<template>
    <view class="page">
        <view class="uni-flex uni-row msg_head_cls" style="justify-content: space-between; align-items: center;">
            <view class="uni-flex uni-column" style="flex: 1; align-items: center;">
                <view class="total_cls">100</view>
                <view class="sms_desc_cls">总剩余(条)</view>
            </view>
            <view class="uni-flex uni-row" style="flex: 1; justify-content: space-between; align-items: center;">
                <view class="uni-flex uni-column" style="flex: 1;">
                    <view class="give_cls">100</view>
                    <view>赠送量</view>
                </view>
                <view class="uni-flex uni-column" style="flex: 1;">
                    <view class="buy_cls">0</view>
                    <view>购买量</view>
                </view>
                <view></view>	

            </view>
        </view>
        <view>
            <view class="" hover-class="uni-list-cell-hover">
                <view class="uni-list-cell-navigate uni-navigate-right ">
                    发送短信记录
                </view>
            </view>
        </view>
        <view class="send_msg_cls">
            由于运营商的限制，短信接收可能稍有延迟 我们免费提供100条短信，用完如需够买请联系销售人员，联系方式(微信同号):13111111111
        </view>
        <view>

            <image></image>
        </view>
    </view>
</template>

<script>
    import pageHead from '../../../components/page-head.vue'
    export default {
        data() {
            return {

            }

        },
        methods: {
            initData() {
                let data = formData;
                uni.request({
                    url: '/api/',
                    method: 'POST',
                    data: data,
                    success: (data) => {
                        uni.stopPullDownRefresh();
                        if (data.statusCode == 200) {

                        }
                    },
                    fail: (data, code) => {
                        console.log('fail' + JSON.stringify(data));
                    }
                })
            },

        }
    }
</script>

<style scoped >
    @import "../../../common/uni.css";
	.msg_head_cls {
		padding-bottom: 30px;
		border-style: solid;
		border-color: #EEEEEE;
		border-left-width: 0px;
		border-right-width: 0px;
		border-top-width: 0px;
		border-bottom-width: 2px;
	}
    .total_cls {
		font-weight: 600;
        color: #333333;
        font-size: 60px;
    }

    .sms_desc_cls {}

    .give_cls {}

    .buy_cls {}
	.send_msg_cls {
		margin-left: 20px;
		margin-right: 20px;
		color: #DDDDDD;
		font-size: 30px;
	}
</style>
